<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: text-align</title>
  <link rel="help" href="http://www.w3.org/TR/REC-CSS1#text-align"/>
  <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <style type="text/css">* { margin: 0; padding: 0 }<![CDATA[
   p { color: navy; }
   span { color: silver; }
   .one {text-align: left;}
   .two {text-align: right;}
   .three {text-align: center;}
   .four {text-align: justify;}
  ]]></style>
  <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property"/>
 </head>
 <body>
  <p class="one">
   This sentence should be left-justified.
  </p>
  <p class="two">
   This sentence should be right-justified.
  </p>
  <p class="three">
   This sentence should be centered.
  </p>
  <p class="four">
   This paragraph should be justified (the right and left margins
   should line up). <span> This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. This is just lovely dummy text. This is just lovely dummy text. Dummy text.
   This is just lovely dummy text. This is just lovely dummy text. Dummy text. Dummy
   text. Dummy text. </span> This sentence should be at the end of the
   block, not justified.
  </p>
 </body>
</html>
